@import '../../css/index.less';
.modal{
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    box-sizing: border-box;
    margin: auto;
    height: 100%;
    z-index: 99999;
 
    .mask{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        
        margin: auto;
        background: rgba(100, 100, 100, .4);

    }
}

.modal-container{
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;

    box-sizing: border-box;
    margin: auto;
    padding: @interval;
    background: @bgColor;
    
    &.top{
        top: 0;
        border-bottom-left-radius: @radius;
        border-bottom-right-radius: @radius;
    }

    &.bottom{
        bottom: 0;
        border-top-left-radius: @radius;
        border-top-right-radius: @radius;
    }
        
}

